.header {
    float:left;
	width:100%;
	height:270px;
	/*background:url(header-bg.png) no-repeat;*/
	background: #f5f5f5;
	background-position-x: center;
}
.header-panel {
	width:1140px;
	height:143px;
	margin:0 auto;
}
.header-panel .left {
	float:left;
	width:257px;
}
.header-panel .left .logo {
	float:left;
	width:500px;
	height:73px;
	margin-top:30px;
	background:url(logo_head.png) no-repeat;
}
.header-panel .left .site {
	float:left;
	width:257px;
	height:18px;
	margin-top:5px;
	line-height:18px;
	font-size:16px;
	color:#ffffff;
	text-align:center;
}
.header-panel .right {
	float:right;
	width:600px;
	cursor:pointer;
}
.header-panel .right .search {
	float:right;
	width:233px;
	height:31px;
	margin-top:50px;
	/*background:url(header-search-bg.png) no-repeat left top;*/
	background: #fff;
	border:1px solid #3C3737;
}
.header-panel .right .search .text {
	float:left;
	width:150px;
	height:31px;
	margin-left:20px;
	line-height:31px;
	padding-left:20px;
	border:0;
	font-size:14px;
	color:#323232;
	text-align:left;
	background-color: transparent;
}
.header-panel .right .search .button {
	float:right;
	width:20px;
	height:20px;
	margin:5px 10px;
	border:0;
}
.header-panel .right .collection {
	float:right;
	width:167px;
	height:31px;
	margin:50px 20px 0px 20px;
	/*background:url(header-collection-bg.png) no-repeat left top;	*/
	background: #07528B;
	border-radius:15px;
}

.header-panel .right .collection .text{
	line-height:31px;
	font-size:14px;
	color:#ffffff;
	text-align:center;
}
.header-panel .right .collection .text a{
	line-height:31px;
	font-size:14px;
	color:#ffffff;
	text-align:center;
}
.header .welcome {
	width:1140px;
	height:32px;
	line-height:32px;
	margin:0 auto;
	font-size:14px;
	color:#07528B;
	text-align:left;
}
.header .welcome .current-date{
	float: left;
	width:230px;
	height:24px;
	line-height:24px;
	font-size:12px;
	color:#07528B;
	text-align:left;
}
.header .welcome .weather{
	float: left;
    width: 640px;
    height: 24px;
	line-height:24px;
    margin-left: 100px;
    text-align: center;
    color: #07528B !important;
}
.header .welcome .weather a{
	color: #07528B !important;
}
.header-nav {
	width:1140px;
	height:73px;
	margin:0 auto;
	/*background:url(header-nav-menu-bg.png) repeat-x;	*/
	background: #07528B;
}
.header-nav .menu {
	float:left;
	width:1140px;
	height:73px;
}
.header-nav .menu .on{
	float:left;
	width:228px;
	height:73px;
	background:url(header-nav-menu-bg-on.png) repeat-x;
	cursor:pointer;
}
.header-nav .menu .on .text-area{
	float:left;
	width:226px;
	height:73px;
	cursor:pointer;
}

.header-nav .menu .on .text-area .icon-1 {
	width:24px;
	height:20px;
	margin:0 auto;
	margin-top:16px;
	background:url(header-icon-menu-1-on.png) repeat-x;	
}
.header-nav .menu .on .text-area .icon-2 {
	width:17px;
	height:21px;
	margin:0 auto;
	margin-top:16px;
	background:url(header-icon-menu-2-on.png) repeat-x;	
}
.header-nav .menu .on .text-area .icon-3 {
	width:21px;
	height:20px;
	margin:0 auto;
	margin-top:16px;
	background:url(header-icon-menu-3-on.png) repeat-x;	
}
.header-nav .menu .on .text-area .icon-4 {
	width:23px;
	height:21px;
	margin:0 auto;
	margin-top:16px;
	background:url(header-icon-menu-4-on.png) repeat-x;	
}
.header-nav .menu .on .text-area .icon-5 {
	width:23px;
	height:20px;
	margin:0 auto;
	margin-top:16px;
	background:url(header-icon-menu-5-on.png) repeat-x;	
}
.header-nav .menu .on .text-area .icon-6 {
	width:25px;
	height:20px;
	margin:0 auto;
	margin-top:16px;
	background:url(header-icon-menu-6-on.png) repeat-x;	
}
.header-nav .menu .off .text-area{
	float:left;
	width:226px;
	height:73px;
	cursor:pointer;
}
.header-nav .menu .off .text-area .icon-1 {
	width:24px;
	height:20px;
	margin:0 auto;
	margin-top:16px;
	background:url(header-icon-menu-1-off.png) repeat-x;	
}
.header-nav .menu .off .text-area .icon-2 {
	width:17px;
	height:21px;
	margin:0 auto;
	margin-top:16px;
	background:url(header-icon-menu-2-off.png) repeat-x;	
}
.header-nav .menu .off .text-area .icon-3 {
	width:21px;
	height:20px;
	margin:0 auto;
	margin-top:16px;
	background:url(header-icon-menu-3-off.png) repeat-x;	
}
.header-nav .menu .off .text-area .icon-4 {
	width:23px;
	height:21px;
	margin:0 auto;
	margin-top:16px;
	background:url(header-icon-menu-4-off.png) repeat-x;	
}
.header-nav .menu .off .text-area .icon-5 {
	width:23px;
	height:20px;
	margin:0 auto;
	margin-top:16px;
	background:url(header-icon-menu-5-off.png) repeat-x;	
}
.header-nav .menu .off .text-area .icon-6 {
	width:25px;
	height:20px;
	margin:0 auto;
	margin-top:16px;
	background:url(header-icon-menu-6-off.png) repeat-x;	
}
.header-nav .menu .on .text-area .text {
	width:226px;
	height:37px;
	line-height:37px;
	text-align:center;
}
.header-nav .menu .on .text-area .text a {
	font-size:16px;
	color:#07528B;
	text-decoration:none;
}
.header-nav .menu .text-area .off{
	float:left;
	width:190px;
	height:73px;
}
.header-nav .menu .off .text-area .text {
	width:226px;
	height:37px;
	line-height:37px;
	text-align:center;
}
.header-nav .menu .off .text-area .text a {
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
}
.header-nav .menu .off .separator {
	float:left;
	width:2px;
	height:54px;
	margin-top: 12px;
	background:url(header-nav-separator.png) no-repeat;	
}
.header-nav .menu .on .separator {
	float:left;
	width:2px;
	height:54px;
	margin-top: 12px;
	background:url(header-nav-separator.png) no-repeat;	
}

.middle {
	float:left;
	width:100%;
	min-height:800px;
	/*background:url(middle-bg.png) no-repeat;*/
	background: #f5f5f5;
	background-position-x: center;
	padding-bottom: 20px;
}
.middle-content {
	width:1140px;
	min-height:1290px;
	margin:0 auto;
	/*background-color:#ffffff;*/
}
.footer {
	float:left;
	width:100%;
	height:206px;
	/*background:url(footer-bg.png) no-repeat;*/
	background: #07528B;
	/*background-image:linear-gradient(0deg, #a1dffc 35%, #f9fdfe 100%);*/
}
.footer-panel {
	width:1140px;
	height:183px;
	margin:0 auto;
	background-color:#07528B;
}
.footer-panel .content {
	float:left;
	width:1100px;
	height:139px;
	margin:22px 20px;
	/*background:url(footer-panel-bg.png) no-repeat;*/
	background: #07528B;
}
.footer-panel .content .pgmark {
	float:left;
	margin:35px 0 0 50px;
}
.footer-panel .content .logo {
	float:left;
	width:200px;
	height:43px;
	margin:50px 0 0 25px;
	background:url(logo_foot.png) no-repeat;
}

.footer-panel .content .text-area-1 {
	float:left;width:280px;margin:20px 0 0 42px;
}
.footer-panel .content .text-area-1 .text {
	float:left;
	width:100%;
	margin:0 0 8px 0;
	font-size:14px;
	color:#ffffff;
	text-align:left;
}
.footer-panel .content .text-area-2 {
	float:left;width:256px;margin:20px 0 0 42px;
}
.footer-panel .content .text-area-2 .text {
	float:left;
	width:100%;
	margin:0 0 8px 0;
	font-size:14px;
	color:#ffffff;
	text-align:left;
}
.footer-panel .content .icon {
	float:left;
	width:88px;
	height:44px;
	margin-top:47px;
	cursor:pointer;
}
.footer-panel .content .icon img{
	float:left;
	width:88px;
	height:44px;
}
/* ������ */
.tool {
	position:fixed;
	width: 82px;
	height:auto;
	right: 2px;
	bottom: 72px;
}
.tool .menu {
	float: left;
	width: 82px;
	height:auto;
}
.tool .switching-off {
	float: left;
	width: 82px;
	height:35px;
	opacity:0.8;
	background-color: #ffffff;
	cursor:pointer;
}
.tool .switching-off .text {
	float: left;
	width: 82px;
	height:16px;
	margin-top: 9px;
	font-family:microsoft yahei;
	font-size:14px;
	color:#07528B;
	text-align: center;
}
.tool .switching-on {
	float: left;
	width: 82px;
	height:35px;
	background-color: #ffffff;
	cursor:pointer;
}
.tool .switching-on .text {
	float: left;
	width: 82px;
	height:16px;
	margin-top:9px;
	font-family:microsoft yahei;
	font-size:14px;
	color:#07528B;
	text-align: center;
}
.tool .menu .on {
	float: left;
	width: 82px;
	height:82px;
	margin-bottom: 5px;
	background-color: #ffffff;
	cursor:pointer;
}
.tool .menu .off {
	float: left;
	width: 82px;
	height:82px;
	margin-bottom: 5px;
	opacity:0.8;
	background:#ffffff;
	cursor:pointer;
}
.tool .menu .on .text{
	float: left;
	width: 82px;
	height:16px;
	margin-top: 8px;
	font-family:microsoft yahei;
	font-size:14px;
	color:#07528B;
	text-align:center;
}
.tool .menu .off .text{
	float: left;
	width: 82px;
	height:16px;
	margin-top: 8px;
	font-family:microsoft yahei;
	font-size:14px;
	color:#07528B;
	text-align:center;
}
.tool .menu .off .icon-1{
	float: left;
	width: 34px;
	height:34px;
	margin: 14px 24px 0 24px;
	background:url(tool-icon-1-off.png) no-repeat;
}
.tool .menu .on .icon-1{
	float: left;
	width: 34px;
	height:34px;
	margin: 14px 24px 0 24px;
	background:url(tool-icon-1-off.png) no-repeat;
}
.tool .menu .off .icon-2{
	float: left;
	width: 34px;
	height:34px;
	margin: 14px 24px 0 24px;
	background:url(tool-icon-2-off.png) no-repeat;
}
.tool .menu .on .icon-2{
	float: left;
	width: 34px;
	height:34px;
	margin: 14px 24px 0 24px;
	background:url(tool-icon-2-off.png) no-repeat;
}
.tool .menu .off .icon-3{
	float: left;
	width: 34px;
	height:34px;
	margin: 14px 24px 0 24px;
	background:url(tool-icon-3-off.png) no-repeat;
}
.tool .menu .on .icon-3{
	float: left;
	width: 34px;
	height:34px;
	margin: 14px 24px 0 24px;
	background:url(tool-icon-3-off.png) no-repeat;
}
.tool .menu .off .icon-4{
	float: left;
	width: 34px;
	height:34px;
	margin: 14px 24px 0 24px;
	background:url(tool-icon-4-off.png) no-repeat;
}
.tool .menu .on .icon-4{
	float: left;
	width: 34px;
	height:34px;
	margin: 14px 24px 0 24px;
	background:url(tool-icon-4-off.png) no-repeat;
}
.tool .menu .off .icon-5{
	float: left;
	width: 34px;
	height:34px;
	margin: 14px 24px 0 24px;
	background:url(tool-icon-5-off.png) no-repeat;
}
.tool .menu .on .icon-5{
	float: left;
	width: 34px;
	height:34px;
	margin: 14px 24px 0 24px;
	background:url(tool-icon-5-off.png) no-repeat;
}
/* ������ END */
/* ��Ƶ���� */
.video {
	width: 250px;
	height:150px;
	position:fixed;
	left: 2px;
	top:442px;
	border: 1px solid #FF943E;
	z-index: 99px;
}
/* ��Ƶ���� END */
/*��������*/
.sys_over_div {
	background-color:#333333;
	width: 100%;
	height: 100%;
	left:0;
	top:0;/*FF IE7*/
	filter:alpha(opacity=80);/*IE*/
	opacity:0.5;/*FF*/
	z-index:2;
	position:fixed!important;/*FF IE7*/
	position:absolute;/*IE6*/
	_top:       expression(eval(document.compatMode &&
	document.compatMode=='CSS1Compat') ?
	documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
	document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
}